<template>
  <div class="charts">
    <!-- 图表1：用户访问来源 -->
    <Pie class="charts-item"/>
    <!-- 图表2：每周用户活跃量 -->
    <line-chart class="charts-item"/>
  </div>
</template>

<script>
  import Pie from '../pie/Pie.vue'
  import LineChart from '../lineChart/LineChart.vue'
  export default {
    name: 'Charts',
    components: {
      Pie,
      LineChart
    }
  } 
</script>

<style scoped>
  .charts {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
  }
</style>